﻿<!DOCTYPE html><!-- saved from url=(0029)https://my.huazhu.com/OrderCn -->
<html>
<!--[if IE 7]>
<html class="ie ie7 ltie9">
<![endif]--><!--[if IE 8]>
<html class="ie ie8 ltie9">
<![endif]--><!--[if gte IE 9]>
<html class="ie ie9">
<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge; IE=8">
<meta name="renderer" content="webkit">
<title>会员中心-订单中心｜华住酒店集团</title>
{css href="/static/admin/assets/css/toastr.min.css"}
<script src="/static/index/js/ndoo_prep.js"></script>
<link href="/static/index/css/main.css" rel="stylesheet">
<link rel="shortcut icon" href="http://ws-www.hantinghotels.com/newweb/hotels/img/favicon.c14a5d56.ico" type="image/x-icon">
<!--[if lte IE 9]>
<script src="/Content/lib/html5/html5shiv-printshiv.js"></script>
<![endif]-->


</head>
<body>
<div class="newCommonHeader Lposr">
    <div class="Cwrap Lcfx">
        <div class="Lfll Lposr">
            <a class="logo Lfll" href="/" title="华住酒店官网">华住酒店官网</a>
            <div class="Ldib Lposr newnav">
                <ul class="Lcfx">
                    <li class="Lfll">
                        <a class="index" href="/">首页</a>
                    </li>
                    <li class="Lfll">
                        <a href="/">国内酒店</a>
                    </li>
                    <li class="Lfll">
                        <a href="/">海外酒店</a>
                    </li>
                    <li class="Lfll">
                        <a href="/">特卖专区</a>
                    </li>
                    <li class="Lfll">
                        <a href="/">华住会</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="Lflr Lposr">
            <div class="userinfoArea Ltar pure-g">
                <div class="popuparea downapp pure-u Lposr">
                    <i class="Cicon small_newdownload">下载APP</i>
                    <div class="popupBox Lposa Ltal">
                        <div class="mask"></div>
                        <ul class="Lcfx Ltac popupBox_content">
                            <li class="Lfll huazhuapp">
                                <img src="/static/index/picture/huazhuapp.png">
                                <span>扫一扫APP下载</span>
                            </li>
                            <li class="Lfll huazhuwechat">
                                <img src="/static/index/picture/newwechat.png">
                                <span>关注微信</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="popuparea helpcenter pure-u Lposr">
                    <i class="Cicon small_newhelp">帮助中心</i>
                    <div class="popupBox Lposa Ltal">
                        <div class="mask"></div>
                        <ul class="Lcfx Ltac popupBox_content">
                                <li class="Lfll onlineservice Ltal">
                                    <a class="Ldib pure-g" href="http://hxr.huazhu.com/robot/hxr/faqrobot3.html?sysNum=1476067354706249" target="_blank">
                                        <i class="Cicon small_newxiaoer pure-u">华小二在线</i>
                                        <span class="pure-u">华小二在线</span>
                                    </a>
                                </li>
                            <li class="Lfll userhelp Ltal">
                                <a class="Ldib pure-g" >
                                    <i class="Cicon small_newuserhelp pure-u">新手帮助</i>
                                    <span class="pure-u">新手帮助</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="popuparea multilanguage pure-u Lposr">
                    <a class="Cicon small_newcountryEn" href="http://en.huazhu.com/">中英文切换</a>
                    
                </div>
                <span class="split pure-u"></span>
                <div class="pure-u" id="userinfo" data-nblock-id="block/headUserInfo">

                        <div class="popuparea userinfocenter pure-u Lposr">
                            <div class="useenter">
                        {if $Think.session.vip}
                                    <a class="myaccount Lposr" href="https://my.huazhu.com/PersonalInfo">
                                <span class="username Lposr">
                                    Hi {$Think.session.vip.username}

                                </span>
                                <span class="userleveldesc userlevel-P ">e会员</span>
                                <i class="Cicon small_newarrow"></i>
                            </a>
                               
                            <a class="mynoticelink" rel="nofollow" href="https://my.huazhu.com/NoticeCenter">
                                <i class="Cicon small_newemail"></i>
                                <span></span>
                            </a>
                            <div class="popupBox Lposa Ltal">
                                <div class="mask"></div>
                                <ul class="Lcfx Ltac popupBox_content">
                                    <li class="Lfll Ltal">
                                        <a class="Ldib" href="https://my.huazhu.com/OrderCn">我的订单</a>
                                    </li>
                                        <li class="Lfll Ltal">
                                            <a class="Ldib personInfo Lposr" href="https://my.huazhu.com/PersonalInfo">
                                                个人中心

                                            </a>
                                        </li>

                                    <li class="Lfll Ltal">
                                        <a class="Ldib" href="{:url('index/index/logout')}">退出</a>
                                    </li>
                                </ul>
                            </div>
                        {else /}
                                     <span id="loginBefore">
                                        <a rel="nofollow" href="{:url('index/Index/login')}" class="login">登录</a>
                                        <a rel="nofollow" href="{:url('index/Index/update')}" class="register">注册</a>
                                    </span>
                        {/if}

                            </div>
                        </div>

                </div>

            </div>
        </div>
    </div>
</div>
<div class="Cmbox">
    <div class="inner Cwrap Lmlra">
        <div class="Cdir">
            <a href="{:url('index/index/index')}">首页</a>
            <i class="next Cicon Ldib"></i>
            <a href="{:url('index/index/index')}">我的华住会</a>
            <i class="next Cicon Ldib"></i><span>国内酒店订单</span>
        </div>
        <div class="Cmain Lcfx">
            <!-- 左边导航 -->
            <div class="Cleft Lfll">
                <ul class="Culnav nav01">
                    <li>
                    <a href="https://my.huazhu.com/" class="">我的华住会</a>
                    </li>
                </ul>
                <div class="ulwrap chosing" data-state="true">
                    <p>
                                订单中心
                        <i class="Cicon "></i>
                    </p>
                    <ul class="Culnav">
                        <li>
                        <a href="{:url('index/User/order')}" class="onclick">国内酒店订单</a>
                        </li>
                    </ul>
                </div>
                <div class="ulwrap" data-state="false">
                    <p>
                                    个人中心
                        <i class="Cicon">
                        </i>
                    </p>
                    <ul class="Culnav">
                        <li class=" ">
                        <a href="{:url('index/User/index')}" class="">个人信息</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 右边 -->
            <div class="Cright Lfll ">
                <div class="CreturnTop hide" id="CreturnTop">
                    <i class="topArrow">
                    </i>
                </div>
                <input type="hidden" value="1" id="Statu" data-location="1">
                <div class="elasticlayer Lposf hide" id="payways">
                    <!-- 请选择支付方式 -->
                    <div class="inn Lcfx Lposa inn2 ">
                        <i class="close Cicon"></i>
                        <h2>请选择支付方式</h2>
                        <p class="timeleft hide">
                            剩余：<span><b class="hour">00</b>时<b class="minute">00</b>分<b class="second">00</b>秒</span>
                        </p>
                        <div class="main Lcfx hide">
                            <div class="payway left Lfll " id="fistNight">
                                <p class="prepay">
                    预付
                                    <span>￥<b class="money1"></b></span>
                                </p>
                                <p class="tip">
                                </p>
                                <a href="javascript:;" class="btn btn2 canclick" data-pay="false">首夜支付</a>
                            </div>
                            <div class="payway right Lfll " id="payAll">
                                <p class="prepay">
                    预付
                                    <span>￥<b class="money2"></b></span>
                                </p>
                                <p class="tip">
                                </p>
                                <a href="javascript:;" class="btn canclick" data-pay="true">全额支付</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 确认取消 -->
                <div class="elasticlayer Lposf hide " id="decide" data-type="0">
                    <div class="inn Lcfx Lposa chooseinn">
                        <i class="close Cicon"></i>
                        <p class="lastchoose">
                            您确认取消该订单吗？
                        </p>
                        <a href="javascript:;" class="btn Lmr15 sure">确认</a>
                        <a href="javascript:;" class="btn btn2 abort">返回</a>
                    </div>
                </div>
                <!-- 温馨提示 -->
                <!-- <div class="elasticlayer Lposf warningWrap hide" id="warning">
                <div class="inn Lcfx Lposa chooseinn">
                    <i class="close Cicon"></i>
                    <h2 class="title">温馨提示</h2>
                    <p class="wrongtext">
                    </p>
                    <a href="javascript:;" class="btn sure">确定</a>
                </div>
            </div>
             -->
            <div class="module2 module ">
                <div class="botm Lmt20 Lposr" id="orderwrap">
                    <div class="statebtn" id="statebtn">
                        <span class="shortline longline"></span>
                        <a href="javascript:;" class="btn chosing" data-statu="1" id="navwait">全部订单<span>（<i>0</i>）</span></a>
                        <span class="shortline longline"></span>
                        <span class="all"><i class="Cicon "></i>仅支持查看近三个月的订单,查询更多请联系客服：4008-121-121</span>
                    </div>
                    <div class="loading hide">
                        <img src="./index_files/loading_80x34.gif">
                    </div>
                    <div class="main ">
                        <div id="Confirm" class="entrust">
                            <table class="Ctable">
                            <thead>
                            <tr>
                                <th class="tle td1">
                                    订单号
                                </th>
                                <th class="td2">
                                    入住日期
                                </th>
                                <th class="td3">
                                    联系人
                                </th>
                                <th class="td4">
                                    订单状态
                                </th>
                                <th class="td5">
                                    操作
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            {volist name="data" id="v" }
                            <tr class="noorder">
                                <td colspan="td1">
                                    {$v.orderNum}
                                </td>
                                <td colspan="td2">
                                    {$v.checkin}
                                </td>
                                <td colspan="td3">
                                    {$v.name}
                                </td>
                                <td colspan="td4">
                                    {if $v.status == 1}
                                    <span>暂未处理</span>
                                    {else}
                                    <span>已处理</span>
                                    {/if}
                                </td>
                                <td colspan="td5">
                                    {if $v.status == 1}
                                    <button class=""><a href="javascript:;" class="del-btn" data-id="{$v.id}">取消订单</a></button>
                                    {else}
                                    <button class=""><a href="javascript:;" class="del-btn" data-id="{$v.id}">删除订单</a></button>
                                    {/if}
                                </td>
                            </tr>
                            {/volist}
                            </tbody>
                            </table>
                        </div>
                        <div class="pages Lmt20">
                            <div class="Cpage Ltar Lcfx" id="page_1" data-statu="1">
                            </div>
                        </div>
                    </div>

                    <input name="__RequestVerificationToken" type="hidden" value="avzOYqiZyIMPJbTflt8g46Y29OJMrXsXN7kt1cxeQPmkWVjxVZNvG8TRRJTE2nECZfLIPS51-Y6-Y-Lq4jESlK7jyPA1">
                </div>
            </div>
            <input name="__RequestVerificationToken" type="hidden" value="5R7SfAv8hDzJ0T50F-lbGL6WANcc43p4TsgH-Tt-HN7EOd2szZphHsSbhI2unvQ_9oCCYzsRKSd-O2CcnmVHnkTTIKw1">
        </div>
    </div>
</div>
</div>
</div>
<div class="download-app-unopen" style="left: ">
<a class="button-unopen"></a>
</div>
<div id="scriptArea" data-page-id="user/OrderCn" class="Ldn">
<script type="text/javascript" src="/static/index/js/jquery.cookie-1.4.1.min.js" async="true"></script>
<script type="text/javascript" src="/static/index/js/mainBlock.js" async="true"></script>
<script src="/static/index/js/main.js"></script>
<!--[if lte IE 9]>
<script src="/Content/lib/jquery/jquery.placeholder.min.js"></script>
<script>$('input, textarea').placeholder();</script>
<![endif]-->

{js href="/static/admin/assets/js/jquery.min.js"}
{js href="/static/admin/assets/js/toastr.min.js"}

<script>
    $(function () {
        // 设置弹框参数
        toastr.options = {
            closeButton: true,// 是否显示关闭按钮
            progressBar: true,// 实现显示计时条
            timeOut: "3000",  // 自动关闭时间
            positionClass: "toast-bottom-left" // 提示位置
            // toast-top-full-width 顶端，宽度铺满整个屏幕
            // toast-top-right  顶端右边
        };

        // 触发删除订单
        $('.del-btn').click(function () {
            var ac_id = $(this).attr('data-id');
            console.log('删除操作,ID:', ac_id);
            if (confirm('你确定要[删除]吗?!')) {
                var obj = $(this).parents('.noorder');
                delAjax(ac_id, obj); // 执行AJAX删除
            }
        });
    });


    // 执行AJAX删除
    function delAjax(id, obj) {
        console.log(obj);
        $.ajax({
            type: 'delete',
            url: '/order/' + id,
            success: function (data) {
                console.log(data);
                if (data.status) {
                    toastr.success(data.info);
                    // 将该条目删除掉
                    obj.remove();
                } else {
                    toastr.error(data.info, 'FBI WARING:');
                }
            },
        });
    }
</script>


</div>
</body>
</html>